<script setup lang="ts">
import VPNav from './layout/navbar/vp-nav.vue'
import VPSidebar from './layout/sidebar/vp-sidebar.vue'
import VPContent from './layout/content/vp-content.vue'
</script>

<template>
  <div class="App">
    <!-- 顶部栏 -->
    <VPNav />
    <!-- 侧边栏 -->
    <VPSidebar />
    <!-- 主体内容 -->
    <VPContent>
      <template #content-top>
        <slot name="content-top" />
      </template>
      <template #content-bottom>
        <slot name="content-bottom" />
      </template>
      <template #aside-top>
        <slot name="aside-top" />
      </template>
      <template #aside-mid>
        <slot name="aside-mid" />
      </template>
      <template #aside-bottom>
        <slot name="aside-bottom" />
      </template>
    </VPContent>
  </div>
</template>
